body {
  margin: 0;
}

#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  color: #2c3e50;
  width: 100vw;
  height: 100vh;
}

/* 布局容器样式 */
#container {
  width: 100%;
  height: 100%;
}

#main {
  text-align: left;
}

#aside {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}

#header .el-button,
#header .el-button:focus,
#header .el-button:active {
  background: transparent;
  border: none;
  color: #efefef;
  padding: 5px;
  margin: 4px 5px 0 0;
}

#aside .el-submenu__title,
#aside .el-submenu .el-menu-item {
  height: 40px;
  line-height: 40px;
  min-width: 180px;
}

.dark-theme #header,
.dark-theme #aside,
.dark-theme #aside .el-menu {
  background-color: #343a40;
  color: #efefef;
  text-align: left;
}

.dark-theme #aside .el-menu {
  border: none;
}

.dark-theme #aside .el-submenu__title,
.dark-theme #aside .el-menu-item-group__title,
.dark-theme #aside .el-menu-item {
  color: #efefef;
  margin: 0 10px;
}

.dark-theme #aside .el-submenu__title:hover,
.dark-theme #aside .el-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.8);
}

.dark-theme #aside .is-opened .el-submenu__title,
.dark-theme #aside .is-opened .is-active {
  border-radius: 10px;
  color: #efefef;
}

.dark-theme #aside .is-opened .is-active {
  background-color: rgba(255, 255, 255, 0.2);
}

.dark-theme #aside .is-opened .el-submenu__title:hover,
.dark-theme #aside .is-opened .is-active:hover {
  color: #ffffff !important;
}

/* 打印的时候隐藏布局信息，只显示表格信息 */
@media print {

  body header.el-header,
  aside,
  footer,
  .card-search,
  .el-card__header {
    display: none !important;
  }
}

/* 全局公共样式 */
.pagnation-bar {
  /* position: fixed;
    bottom: 20px;
    right: 0 */
  margin-top: 20px;
}

.card-table .el-card__body {
  flex-grow: 1;
}

.card-search {
  border-top: none;
}

.card-sm .el-card__header {
  padding: 10px;
}

.card-sm .el-card__header h4 {
  margin: 0;
}

.card-sm .card-search .el-card__body {
  padding: 10px 10px;
}

.card-sm .search-simple .el-form-item--mini.el-form-item {
  margin-bottom: 0;
}

.cell .el-button+.el-button {
  margin-left: 5px
}

.edit-page .el-form {
  padding: 10px 10px 50px 10px;
}

.edit-page .form-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  border-top: #efefef 1px solid;
  text-align: right;
  padding: 5px 10px 0 0;
  margin: 0;
  background-color: #FFF;
}